@charset "utf8";
/*
This is one of LoNote's default CSS file. You can modified it by your self.

CSS Name:   Orange
Version:    2.0
Creator:    Civa Lin

Description:
    Recommended for use in light-colored desktop environment.

How to Use:
    Go to book configure page, add the follow line in "extra head" section...
    
        <link rel="stylesheet" href="/static/css/extra/orange.css" />

Modify:
    All selector should start with "#main_content" or may interrupt other LoNote layout.

*/


/* theme changed */

body {
    background-color: #F5ECCE;
}

header img.icon {
    background-color: white;
    border-radius: 24px;
    box-shadow: 0px 0px 15px 3px white;
}



#main_content {
    color: #110;
    background-color: #FFFDFD;
}

/* Code Block */
#main_content pre {
    overflow: auto; 
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #FA5858;
    padding-top: 5px;
    padding-left: 0.8em;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}

#main_content pre:hover { background-color: #ffdab9; }

/* Paragraph */
/* #main_content p:before { content: "　　"; } */

/* Link Setting... */
#main_content a:link {
    color: olive;
    /* color: teal; */
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

#main_content a:visited {
    color: forestgreen;
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

#main_content a:hover {
    color: darkred;
    -moz-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}



/* Blockquote */
blockquote {
    border-radius: 2px;
    background-color: #FAECCE;
    padding: 20px;
}

/* Indent in webkit: Remove inherit from blockquote */
/* (Only Backward Compatibility) */
blockquote.webkit-indent-blockquote { background-color:transparent; }



/* img & figure */
#main_content img{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    margin: 25px;
    border: 10px solid white;

    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
}

#main_content img:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,1);
    box-shadow: 0px 0px 15px rgba(0,0,0,1);
}

#main_content figcaption {
    font-style: italic;
    font-weight: bold;
    text-shadow: orange 0.2em 0.2em 0.5em;
}
